<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>TP5</title>
        <script type="text/javascript" src="js/jquery-1.6.2.min.js"/>
        <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"/>
        <script type="text/javascript" src="js/getheure.js"/>
        <script type="text/javascript" src="js/accueil.js"/>
        <link rel="stylesheet" type="text/css" href="css/default.css" media="screen"/>
        <link rel="stylesheet" type="text/css" href="css/accueil.css"/>

    </head>
    <body>

        <div class="container">
            <div class="top">
                <a href="index.html"><span>Application TP5</span></a>
            </div>

            <div class="header">
                <div id="draggable" class="ui-widget-content">
                    <b>Déplacez-moi !</b>
                    <div id="heure">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>

            </div>

            <div class="main">

                                <div class="item">
                    <div class="date">
                        <div>Nov</div>
                        <span>07</span>
                    </div>

                    <div class="content">
                        <h1>Le jeux d'echec en réseau</h1>
                        <div class="body">
                            <form method="post" action="Init">
                                <h2>Entrer votre pseudo  et choisissez une couleur pour vous connecter</h2>
                                <p class="center">
                                    <input type="text" name="pseudo"/>
                                    <input type="submit" value="Connexion"  />
                                </p>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="date">
                        <div>Nov</div>
                        <span>07</span>
                    </div>

                    <div class="content">
                        <h1>Validations</h1>
                        <div class="body">
                            <p class="center">
                                <a href="http://validator.w3.org/check?uri=referer"><img
                                        src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>

                                <a href="http://jigsaw.w3.org/css-validator/check/referer">
                                    <img style="border:0;width:88px;height:31px"
                                         src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
                                         alt="CSS Valide !" />
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="navigation">
                <h1>Liens utiles</h1>
                <ul>
                    <li><a href="http://www710.univ-lyon1.fr/~lmedini/MIF13/TP/TP_jQuery.html">sujet</a></li>
                    <li><a href="http://validator.w3.org/">validateur xhtml</a></li>
                    <li><a href="http://jigsaw.w3.org/css-validator/">validateur css</a></li>
                    <li><a href="http://www.oswd.org">web design</a></li>
                </ul>
            </div>

            <div class="clearer"><span></span></div>

            <div class="footer">&copy; 2011 Pascal FAURE-VINCENT 10704327 Rémi CHAUMARTIN 10805957. Template design by <a href="http://www.oswd.org/design/preview/id/3569">Arcsin</a>
            </div>
        </div>
    </body>
</html>
